﻿<phone:PhoneApplicationPage 
    x:Class="WinMote7.Views.PlayMedia"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"
    shell:SystemTray.IsVisible="True"
    
    xmlns:cal="clr-namespace:Caliburn.Micro;assembly=Caliburn.Micro">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
            <TextBlock x:Name="VideoTitle" Text="" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock x:Name="PageTitle" Text="Play" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <ListBox Name="Renderers">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <Border CornerRadius="2,2,15,2" Margin="5" Width="420">
                            <Border.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="White" Offset="0.202" />
                                    <GradientStop Color="#FFC3B9B9" Offset="1" />
                                    <GradientStop Color="#FFE0DBDB" Offset="0" />
                                </LinearGradientBrush>
                            </Border.Background>

                            <Button Foreground="Black" cal:Message.Attach="PlayMedia($datacontext)" BorderBrush="Transparent" HorizontalAlignment="Left" HorizontalContentAlignment="Left">
                                <StackPanel Orientation="Horizontal" Margin="0,0,0,0" HorizontalAlignment="Left">
                                    <Image Source="{Binding Path=IconSource}" Margin="0,0,15,0"></Image>
                                    <StackPanel>
                                        <TextBlock Text="{Binding Path=FriendlyName}"></TextBlock>
                                        <TextBlock Text="{Binding Path=Description}" FontSize="12" Foreground="DarkGray"></TextBlock>
                                    </StackPanel>
                                </StackPanel>
                            </Button>
                        </Border>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>
        </Grid>

        <Grid Name="NoResultsFound" VerticalAlignment="Top" HorizontalAlignment="Left" Height="80" Width="470" Canvas.Top="141" Grid.Row="1" >
            <TextBlock Text="No rederers found" Padding="20"></TextBlock>
        </Grid>

        <Border Name="LoadingPanel" CornerRadius="20" VerticalAlignment="Top" HorizontalAlignment="Left" Height="80" Width="470" Canvas.Top="141" Grid.Row="1">
            <Border.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FF1D1D1D" Offset="1" />
                    <GradientStop Color="#FF27A03D" Offset="0" />
                </LinearGradientBrush>
            </Border.Background>
            <StackPanel>
                <TextBlock Margin="30,10,0,0" Foreground="LightGray">Loading</TextBlock>
                <ProgressBar IsIndeterminate="True" Height="26" />
            </StackPanel>
        </Border>
    </Grid>
</phone:PhoneApplicationPage>
